import { createFileRoute } from '@tanstack/react-router'
import { Card, Typography } from 'antd'

const { Title, Paragraph } = Typography

export const Route = createFileRoute('/about')({
  component: About,
  meta: {
    label: '关于',
    icon: 'InfoCircleOutlined'
  },
} as any)

function About() {
  return (
    <Card>
      <Title level={3}>关于我们</Title>
      <Paragraph>
        这是一个现代化的后台管理系统，采用最新的前端技术栈构建。
      </Paragraph>
      <Paragraph>
        技术栈：
        <ul>
          <li>React 18</li>
          <li>TanStack Router</li>
          <li>Ant Design</li>
          <li>Vite</li>
        </ul>
      </Paragraph>
    </Card>
  )
}